import MainContainerCustom from '@/components/MainContainerCustom';
import { CJournalismCardCustom, CBlockCustom } from '@vh-mobile/pro-components';

export default function DemoJournalismCard() {
  const data: any = [
    {
      id: 111,
      layout: 'context',
      type: 'text',
      title: '大型电视专题片《领航》｜科学指南',
      isSticky: true,
      source: '央视网',
    },
    {
      id: 222,
      layout: 'around',
      type: 'img',
      title: 'xxx下令，xxx出局',
      imgUrl:
        'https://t12.baidu.com/it/app=106&f=JPEG&fm=30&fmt=auto&q=85&size=f218_146&u=3297879616%2C185775171?w=312&h=208&s=1E3469844AAA3C9C57AA089C03008081',
      source: '环球时报',
    },
    {
      id: 333,
      layout: 'around',
      type: 'video',
      title: 'xx：xx事件仅仅是开始沸',
      source: '央视网',
      imgUrl: 'https://feed-image.baidu.com/0/pic/1473886629_189658235_-1631532989.jpg',
      duration: '00:54',
    },
    {
      id: 444,
      layout: 'context',
      type: 'img',
      title: '“甲醛大户”被揪出，家里3样材料，建议丢掉，都是“甲醛源头”',
      imgUrl: [
        'https://t10.baidu.com/it/app=106&f=JPEG&fm=30&q=85&size=f218_146&u=1398419788%2C184923729?w=312&h=208&s=4E102D8B599061EF435105CA0300E032',
        'https://t10.baidu.com/it/app=106&f=JPEG&fm=30&q=85&size=f218_146&u=1994841849%2C184923728?w=312&h=208&s=3323DC011A472E5F9A9C79A40300E001',
        'https://t10.baidu.com/it/app=106&f=JPEG&fm=30&q=85&size=f218_146&u=265608013%2C184923748?w=312&h=208&s=C30141A45ED157DE9CA56D51030070F2',
      ],
      source: '央视新闻',
      duration: '00:34',
    },
    {
      id: 555,
      layout: 'context',
      type: 'video',
      title: '15 你这个老六 顶多蹦跶六天！大染坊电视剧！一个片段看完整部',
      imgUrl: 'https://feed-image.baidu.com/0/pic/1473886629_189658235_-1631532989.jpg',
      source: '新华社客户端',
      duration: '00:44',
    },
  ];
  return (
    <MainContainerCustom>
      <CBlockCustom title="文本">
        <CJournalismCardCustom showCross={false} {...data[0]} />
      </CBlockCustom>
      <CBlockCustom title="图文左右">
        <CJournalismCardCustom {...data[1]} />
      </CBlockCustom>
      <CBlockCustom title="视频左右">
        <CJournalismCardCustom {...data[2]} />
      </CBlockCustom>
      <CBlockCustom title="图文上下">
        <CJournalismCardCustom {...data[3]} />
      </CBlockCustom>
      <CBlockCustom title="视频上下">
        <CJournalismCardCustom {...data[4]} />
      </CBlockCustom>
    </MainContainerCustom>
  );
}
